<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Flash Cards</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="../static/flashcard.css" />
    <!--<script 
       src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js">
    </script>-->
  </head>

  <body>
    <div id="container">
      <section id="setup">
	<h2>Select the settings for this session</h2>
	<form id="settings" action="/setup" method="post">
	  <p>
	    <div id="frontEntry">
	      <label>
		Front:
	      </label><br />
	      <input type="checkbox" name="stimulus" value="forLang" />
	      Foreign Language Text<br />
	      <input type="checkbox" name="stimulus" value="pronunciation" />
	      Pronunciation<br />
	      <input type="checkbox" name="stimulus" value="natLang" />
	      Native Language Text<br />
	      <input type="checkbox" name="stimulus" value="audio" />
	      Foreign Langauge Audio<br />
	    </div><!--frontEntry-->
	    <div id="backEntry">
	      <label>Back: </label><br />
	      <input type="checkbox" name="response" value="forLang" />
	      Foreign Language Text<br />
	      <input type="checkbox" name="response" 
		     value="pronunciation" />
	      Pronunciation<br />
	      <input type="checkbox" name="response" value="natLang" />
	      Native Language Text<br />
	      <input type="checkbox" name="response" value="audio" />
	      Foreign Language Audio<br />
	    </div><!--backEntry-->
	  </p>
	  <p id="buttonPar">
            <input id="beginButton" type="submit" value="Begin">
          </p>
	</form>
      </section><!--setup-->
    </div><!--container-->
  </body>
</html>
